@import "../../../containers/_common_sass/variables",
"../../../containers/_common_sass/mixin";

.location {
    position: fixed;
    z-index: 999;
    height: 1px;
    width: 100%;
    top: px2rem($headerHeight);

    .location-btn {
        position: absolute;
        right: px2rem(30px);
        top: - px2rem($headerHeight);
        line-height: px2rem($headerHeight);
        color: #fff;
        font-size: px2rem(32px);
    }
    .city-list {
        position: fixed;
        z-index: 999;
        top: px2rem($headerHeight);
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .5);
        font-size: px2rem(30px);
        li{
            background-color: #fff;
            padding-left: px2rem(30px);
            &:last-child {
                border-bottom: none;
                label{
                    border-bottom: none;
                }
            }
            label {
                position: relative;
                display: block;
                line-height: px2rem(88px);
                border-bottom: 1px solid $base-border-color;

                input{
                    position: absolute;
                    top: px2rem(20px);
                    right: px2rem(30px);
                    width: px2rem(40px);
                    height: px2rem(40px);
                    //background: url(../images/icon_checked.png) no-repeat;
                    //background-size: cover;
                }
            }
        }


    }
}




input[type=checkbox],
input[type=radio] {
    display: none;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    width: .36rem;
    height: .36rem;
    margin: 0;
    cursor: pointer;
    vertical-align: bottom;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: none !important;
    background-size: cover;
    background-repeat: no-repeat;
}
input[type=radio]:checked,
input[type=checkbox]:checked {
    display: block;
}

input[type=radio]:checked::after,
input[type=checkbox]:checked::after {
    content: '';
    display: block;
    position: absolute;
    width:100%;
    height: 100%;
    background: url(../images/icon_checked.png);
    background-size: cover;
    background-repeat: no-repeat;
}